{extend name="public/layout"/}
{block name="title"}{$info.title}{/block}
{block name="head"}
<style>
  iframe {border:0;}
  .vr-close{position:absolute;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%;background:rgba(0,0,0,0.8);color:#fff;font-size:18px;right:10px;top:80px;z-index:9;}
  .case-thumb{padding:10px;position:relative}
  .case-thumb .vr-btn{display:block;width:60px;height:60px;text-align:center;line-height:60px;border-radius:50%;background:rgba(0,0,0,0.8);color:#fff;font-size:32px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
</style>
{/block}
{block name="body"}
<section class="mc-view-box">
  <div class="mc-scrollview">
    <div class="p-d">
      <div class="height-10"></div>
      <h2 class="font-size16 text-center font-weight500 line-height18">{$info.title}</h2>
      <div class="height-10"></div>
      <div class="text-center font-size12 font-gray">
        <span>{$info.create_time}</span>
        {notempty name="$info.origin"}<span>作者：{$info.origin}</span>{/notempty}
      </div>
      <div class="split-line-solid"></div>
      <div class="article-content">
        {:html_out($info.content)}
      </div>
    </div>
  </div>
  {include file="public/index_footer" /}
</section>
{/block}
{block name="script"}
<script>

</script>
{/block}